<template>
    <div class="uiue-card">
        <div class="tit" style="margin-bottom: 10px;">审批记录</div>
        <a-table :dataSource="data.dataSource" :columns="columns" :pagination="false">
            <template #disposeTime="{ text }">
                <span>{{ text }}秒</span>
            </template>
        </a-table>
    </div>
</template>

<script setup name="ProcessHistory">

const data = reactive({
    dataSource: [
        {
            name: '胡彦斌',
            dept: '数字化业务部',
            tache: '大哥审批',
            remark: '整挺好',
            finishTime: '2023-07-01  16:20:20',
            disposeTime: '76'
        },
        {
            name: '胡彦斌',
            dept: '数字化业务部',
            tache: '大哥审批',
            remark: '整挺好',
            finishTime: '2023-07-01  16:20:20',
            disposeTime: '76'
        },
    ]
})
const columns = [
    {
        title: '序号',
        width: 80,
        align: 'center',
        customRender: ({ text, record, index }) => {
            return `${index + 1}`
        }

    },
    {
        title: '处理人',
        width: 120,
        dataIndex: 'name',
        key: 'name',
        align: 'center'
    },
    {
        title: '部门',
        dataIndex: 'dept',
        key: 'dept',
        align: 'center'
    },
    {
        title: '审批环节',
        dataIndex: 'tache',
        key: 'tache',
        align: 'center'
    },
    {
        title: '处理意见',
        dataIndex: 'remark',
        key: 'remark',
        align: 'center'
    },
    {
        title: '完成时间',
        dataIndex: 'finishTime',
        key: 'finishTime',
        align: 'center'
    },
    {
        title: '处理时长',
        dataIndex: 'disposeTime',
        key: 'disposeTime',
        align: 'center',
        slots: { customRender: 'disposeTime' },
    },
]

</script>

<style lang="less" scoped></style>
